<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,height=device-height,inital-scale=1,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <title>银联.积分说明</title>
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/table.css">
</head>
<body>
<div class="main">
    <p class="channel_name"></p>
    <table class="gridtable">
        <tr>
            <td>银行名称</td>
            <td>卡性质</td>
            <td>单笔限额</td>
            <td>日累计限额</td>
        </tr>
    </table>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script>
    /**
     * 获取银联积分说明
     */
    $.ajax({
        url: './json/points_description.json',
        type: 'get',
        dataType: 'json',
        success: function (data) {
            $('.channel_name').html(data.title);
            var creditCard = "";
            for (var i = 0; i < data.creditCard.length; i++) {
                creditCard += "<tr><td>"+data.creditCard[i].bankName+"</td><td>"+data.creditCard[i].type+"</td><td>"+data.creditCard[i].singleLimit+"</td><td>"+data.creditCard[i].cumulativeLimit+"</td></tr>"
            }
            $('.gridtable').append(creditCard);
        }
    })
</script>
</html>